.bg-theme{
	background-color: $color-theme;
}

.bg-gray{
	background-color: #f0f0f0;
}

.bg-black{
	background-color: #000;
}

.text-red{
	color: #fa3534;
}

.text-green{
	color: #19be6b;
}

.text-white{
	color: #fff;
}

.text-bold{
	font-weight: bold;
}

.flex{
	display: flex;
}

.flex-direction{
	@include flex;
	flex-direction: column;
}

.flex-wrap{
	flex-wrap: wrap;
}

.justify-center{
	justify-content: center;
}

.justify-end{
	justify-content: flex-end;
}

.justify-between {
	justify-content: space-between
}

.justify-around{
	justify-content: space-around;
}

.flex-xy-center{
	@include flex;
	justify-content: center;
	align-items: center;
}

.align-center{
	align-items: center;
}

.flex-twice{
	flex: 2;
}

.flex-sub{
	flex: 1;
}

.flex-treble{
	flex: 3;
}

.text-sm{
	font-size: 24rpx;
}

.text-df{
	font-size: 28rpx;
}

.text-gray{
	color: #aaaaaa;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}

.margin-right-xs{
	margin-right: 10rpx;
}

.mr20{
	margin-right: 20rpx;
}